@charset "utf8";
footer{
	width: 100%;
	height: 430px;
	back ground: #aaffff;
}
footer div#footer_top{
	width: 1224px;
	height: 160px;
	background: #ffffff;
	margin: 0 auto;
}
footer div#footer_top ul li{
	float: left;
	margin-left: 40px;
	text-align: center;
	line-height: 75px;
	padding-right: 40px;
	margin-top: 40px;
}
footer div#footer_top ul li a{
	font-size: 14px;
	color: #616161;
	padding-right: 50px;
	border-right: 1px solid #dedede;
}
footer div#footer_top ul li i{
	position: relative;
	top:5px;
	left: -15px;
}
/* 页尾中控区 */
div.footer_container{
	width: 1104px;
	height: 500px;
	back ground: #55ff00;
	margin: 0 auto;
	/* 横线 */
	border-top: 1px solid #424243;
}
/* 每一栏格式：不需要加高,文本具备宽高*/
div.footer_container div.column{
	width:120px ;
	bor der:1px solid red ;
    float: left;
	/* 间隙：上外边距 */
	margin-top:20px ;
	/* 间隙：右外边距 */
	margin-right: 10px;
}
/* 栏目标题效果 下外边距 */
div.footer_container div.column h3{
	margin-bottom: 20px;
	color: #424243;
}
/* 每个栏目 ul li 加 下外边距 */
div.footer_container div.column ul li{
	margin-bottom: 10px;
}
/* 文字效果 */
div.footer_container div.column ul li a{
	font-size: 14px;
}
div.footer_container div.column ul li a:hover{
	color: #ff6700;
}
/* 右侧区域：客服信息栏 坑:样式具备继承性，如果不存在覆盖情况：加权
                                        加权效果无法实现：样式置后【属性覆盖】*/
/* div.footer_container div */
div.footer_container div.contact_column{
	border-left: 1px solid #424243;
	float: right;
	width: 300px;
	text-align: center;
}
/* 右侧区域：标题、文本内容、超链接效果 */
div.footer_container div.contact_column h3{
	bor der: 1px solid red;
    font-size: 20px;
	color: #ff6700;
}
div.footer_container div.contact_column p{
	font-size: 14px;
	
}
div.footer_container div.contact_column a{
	font-size: 14px;
	color: #ff6700;
	border: 1px solid #ff6700;
	/*内边距撑大，外边距推大  上下 左右 */
	padding: 4px 14px;
	/* 外边距 下移  微调：相对定位;不改变结构*/
	position: relative;
	top: 15px;
}
footer div#footer_bottom{
	width: 100%;
	height: 200px;
	background: #f5f5f5;
	margin: 0 auto;
}
footer div#footer_bottom div.footer_left{
	width: 1224px;
	height: 25px;
	position: relative;
	top: 30px;
	left: 60px;
}
footer div#footer_bottom div.footer_left ul li{
	height: 20px;
	border-right: 1px solid #b0b0b0;
	float: left;
	
}
footer div#footer_bottom div.footer_left ul li:first-child{
	border-right: none;
}
footer div#footer_bottom div.footer_left ul li a{
	color: #757575;
	font-size: 12px;
	padding: 5px;
	position: relative;
	top: -5px;
}
footer div#footer_bottom div.footer_left ul li.vv{
	border-right: none;
}
footer div#footer_bottom div.footer_left ul li a:hover{
	color: #ff6700;
}
footer div#footer_bottom div.footer_left ul li a:last-child{
	border-right: none;
}
footer div#footer_bottom div.footer_left ul li p{
	width: 690px;
	position: relative;
	left: 58px;
	font-size: 10px;
	border-right: none;
}
footer div#footer_bottom div.footer_right{
	width: 350px;
	height: 154px;
	position: relative;
	top: -4px;
	left: 923px;
}
footer div#footer_bottom div.footer_right ul li i img{
	width: 40px;
	height: 40px;
}
footer div#footer_bottom div.footer_right ul li{
	float: right;
	width: 100px;
	margin-right: 15px;
}
footer div#footer_bottom div.footer_right ul li p{
	position: relative;
	top: -45px;
	left: 40px;
	width: 70px;
	color: #000;
}
footer div#footer_bottom div img.zi{
	position: relative;
	left: 595px;
	top: -40px;
}
